﻿@{
    ViewBag.Title = "Quản lý hạng phòng";
    Layout = "~/Views/Shared/_LayoutNVQuanLy.cshtml";
}
<input type="hidden" id="menu_check" value="3" />
<div class="onecolumn hks">
    <div class="header">
        <span>
            <span class="ico gray spreadsheet"></span>
            Quản lý hạng phòng
        </span>
    </div>
    <div class=" clear"></div>
    <div class="content contentHKS">
        <table class="display dataTable">
            <thead>
                <tr role="row">
                    <th>Tên hạng</th>
                    <th>Mã hạng</th>
                    <th>Quản lý</th>
                </tr>
            </thead>
            <tbody>
                @{foreach (var HKS in ViewBag.HKS)
                  {
                    <tr class="odd">
                        <td>
                            <div class="nonDisplay" id="nameH@{@HKS.maHangPhong}">
                                <input type="text" class="tenHangPhong H@{@HKS.maHangPhong}" value="@HKS.tenHangPhong"/>
                            </div>
                            <div id="nameHH@{@HKS.maHangPhong}">@HKS.tenHangPhong</div>
                        </td>
                        <td>
                            <div class="nonDisplay">
                                <input type="text" class="maHangPhong" value="@HKS.maHangPhong"/>
                            </div>@HKS.maHangPhong</td>
                        <td>
                            <div>
                                <img class="editH" id="@HKS.maHangPhong" src="../Images/icon_edit.png">
                                <img class="deleteH" id="@HKS.maHangPhong" src="../Images/icon_delete.png">
                                <img class="save_editH nonDisplay" id="@HKS.maHangPhong" src="../Images/checkmark2.png">
                                <img class="cancel_editH nonDisplay" id="@HKS.maHangPhong" src="../Images/cross.png">
                            </div>
                        </td>
                    </tr>
                  }
                }
            </tbody>
        </table>
    </div>
    <ul class="uibutton-group">
        <a class="uibutton add" title="Thêm hạng phòng mới">Thêm hạng phòng mới</a>
    </ul>
    <div class="loading"></div>
    <div class="addItem nonDisplay">
        <h3>Mã hạng</h3>
        <input type="text" id="maHangPhongNew" value="" />
        <h3>Tên hạng</h3>
        <input type="text" id="tenHangPhongNew" value="" />
        <a class="uibutton saveH" title="Thêm hạng phòng mới">Lưu</a>
        <a class="uibutton cancelH" title="Hủy hạng phòng mới">Hủy</a>
    </div>
</div>


<div class="onecolumn lks">
    <div class="header">
        <span>
            <span class="ico gray spreadsheet"></span>
            Quản lý loại phòng
        </span>
    </div>
    <div class=" clear"></div>
    <div class="content contentLKS">
        <table class="display dataTable">
            <thead>
                <tr role="row">
                    <th>Tên loại</th>
                    <th>Số lượng</th>
                    <th>Mã loại</th>
                    <th>Quản lý</th>
                </tr>
            </thead>
            <tbody role="alert" aria-live="polite" aria-relevant="all">
                @{foreach (var LKS in ViewBag.LKS)
                  {
                    <tr class="odd">
                        <td>
                            <div class="nonDisplay" id="nameL@{@LKS.maLoaiPhong}">
                                <input type="text" class="tenLoaiPhong L@{@LKS.maLoaiPhong}" value="@LKS.tenLoaiPhong"/>
                            </div>
                            <div id="nameLL@{@LKS.maLoaiPhong}">@LKS.tenLoaiPhong</div>
                        </td>
                        <td>
                            <div class="nonDisplay" id="soluongL@{@LKS.maLoaiPhong}">
                                <input type="text" class="soLuongLoaiPhong soL@{@LKS.maLoaiPhong}" value="@LKS.soLuong"/>
                            </div>
                            <div id="soluongLL@{@LKS.maLoaiPhong}">@LKS.soLuong</div>
                        </td>
                        <td>
                            <div class="nonDisplay">
                                <input type="text" class="maLoaiPhong" value="@LKS.maLoaiPhong"/>
                            </div>@LKS.maLoaiPhong</td>
                        <td>
                            <div>
                                <img class="editL" id="@LKS.maLoaiPhong" src="../Images/icon_edit.png">
                                <img class="deleteL" id="@LKS.maLoaiPhong" src="../Images/icon_delete.png">
                                <img class="save_editL nonDisplay" id="@LKS.maLoaiPhong" src="../Images/checkmark2.png">
                                <img class="cancel_editL nonDisplay" id="@LKS.maLoaiPhong" src="../Images/cross.png">
                            </div>
                        </td>
                    </tr>
                  }
                }
            </tbody>
        </table>
    </div>
    <ul class="uibutton-group">
        <a class="uibutton add" title="Thêm loại phòng mới">Thêm loại phòng mới</a>
    </ul>
    <div class="loading"></div>
    <div class="addItem nonDisplay">
        <h3>Mã loại</h3>
        <input type="text" id="maLoaiPhongNew" value="" />
        <h3>Tên loại</h3>
        <input type="text" id="tenLoaiPhongNew" value="" />
        <h3>Số lượng</h3>
        <input type="text" id="soLuongLoaiPhongNew" value="" />
        <a class="uibutton saveL" title="Thêm loại phòng mới">Lưu</a>
        <a class="uibutton cancelL" title="Hủy loại phòng mới">Hủy</a>
    </div>
</div>

<div class="onecolumn gks">
    <div class="header">
        <span>
            <span class="ico gray spreadsheet"></span>
            Quản lý giá phòng
        </span>
    </div>
    <div class=" clear"></div>
    <div class="content contentGKS">
        <table class="display dataTable">
            <thead>
                <tr role="row">
                    <th>Hạng phòng</th>
                    <th>Loại phòng</th>
                    <th>Đơn giá</th>
                    <th>Quản lý</th>
                </tr>
            </thead>
            <tbody role="alert" aria-live="polite" aria-relevant="all">
                @{foreach (var GKS in ViewBag.GKS)
                  {
                    <tr class="odd">
                        <td>
                            <div class="nonDisplay">
                                <input type="text" class="maHangG@{@GKS.maHangPhong@GKS.maLoaiPhong}" value="@GKS.maHangPhong"/>
                            </div>
                            @foreach (var P_HP in ViewBag.HKS)
                            {
                                if (P_HP.maHangPhong == GKS.maHangPhong)
                                {
                                @P_HP.tenHangPhong
                                }

                            }

                        </td>
                        <td>
                            <div class="nonDisplay">
                                <input type="text" class="maLoaiG@{@GKS.maHangPhong@GKS.maLoaiPhong}" value="@GKS.maLoaiPhong"/>
                            </div>
                            @foreach (var L_HP in ViewBag.LKS)
                            {
                                if (L_HP.maLoaiPhong == GKS.maLoaiPhong)
                                {
                                @L_HP.tenLoaiPhong
                                }

                            }
                        </td>
                        <td>
                            <div class="nonDisplay" id="giaG@{@GKS.maHangPhong@GKS.maLoaiPhong}">
                                <input type="text" class="gia G@{@GKS.maHangPhong@GKS.maLoaiPhong}" value="@GKS.donGia"/>
                            </div>
                            <div id="giaGG@{@GKS.maHangPhong@GKS.maLoaiPhong}">@GKS.donGia</div>
                        </td>
                        <td>
                            <div>
                                <img class="editG" id="@GKS.maHangPhong@GKS.maLoaiPhong" src="../Images/icon_edit.png">
                                <img class="deleteG" id="@GKS.maHangPhong@GKS.maLoaiPhong" src="../Images/icon_delete.png">
                                <img class="save_editG nonDisplay" id="@GKS.maHangPhong@GKS.maLoaiPhong" src="../Images/checkmark2.png">
                                <img class="cancel_editG nonDisplay" id="@GKS.maHangPhong@GKS.maLoaiPhong" src="../Images/cross.png">
                            </div>
                        </td>
                    </tr>
                  }
                }
            </tbody>
        </table>
    </div>
    <ul class="uibutton-group">
        <a class="uibutton add" title="Thêm đơn giá mới">Thêm đơn giá mới</a>
    </ul>
    <div class="loading"></div>
    <div class="addItem nonDisplay">
        <h3>Hạng phòng</h3>
        <select id="maHangNew">
            @foreach (var P_HP in ViewBag.HKS)
            {
                <option value="@P_HP.maHangPhong" >@P_HP.tenHangPhong</option>
            }
        </select>
        <h3>Loại phòng</h3>
        <select id="maLoaiNew">
            @foreach (var L_HP in ViewBag.LKS)
            {
                <option value="@L_HP.maLoaiPhong" >@L_HP.tenLoaiPhong</option>
            }
        </select>
        <h3>Đơn giá</h3>
        <input type="text" id="donGiaNew" value="" />
        <a class="uibutton saveG" title="Thêm đơn giá mới">Lưu</a>
        <a class="uibutton cancelG" title="Hủy đơn giá mới">Hủy</a>
    </div>
</div>
